<!DOCTYPE html>
<html lang="en" ng-app="myApp">
<head>
    <meta charset="UTF-8">
    <!-- 引入Bootstrap相关文件  -->
    <link href="http://apps.bdimg.com/libs/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/font-awesome.min.css">
    <!--[if IE 7]>
    <link rel="stylesheet" href="css/font-awesome-ie7.min.css">
    <![endif]-->
    <script src="http://apps.bdimg.com/libs/jquery/2.0.0/jquery.min.js"></script>
    <script src='js/jquery.museum.js'></script>
    <script src="http://apps.bdimg.com/libs/bootstrap/3.3.0/js/bootstrap.min.js"></script>
    <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js"></script>

    <link href="css/matron_info.css" rel="stylesheet">
    <script type="text/javascript" src="js/globalVar.js"></script>

    <title>E家月嫂</title>
</head>

<body ng-controller="infoCtrl" onload="loadBody()" >

<!-- 导航栏 -->
<nav class="navbar navbar-default" role="navigation" style="padding:8px 0; margin-bottom: 0px; max-height: 60px; min-width:800px;overflow: hidden">
    <ul class="nav nav-pills nav-justified">

        <li>
            <div class="navbar-header" style="min-width: 400px;">
                <a class="navbar-brand" href="#" id="page-title">E家月嫂-后台录入系统 > 月嫂资料</a>
            </div>
        </li>

        <li>
            <button type="button" class="btn btn-success navbar-btn navbar-left" style="margin-left: 20px;min-width: 60px;" ng-click="modifyMatron()">修改</button>
        </li>

        <li>
            <p class="navbar-text navbar-right" style="margin-right:50px;"><a href="modify-password.html" class="navbar-link" style="color:#0000CC;">修改密码</a></p>
            <p class="navbar-text navbar-right"><a href="javascript:logout()" class="navbar-link" style="color:#0000CC;">登出</a></p>
            <p class="navbar-text navbar-right" id="maternity_name"></p>
        </li>

    </ul>
</nav>

<div class="row" style="width:100%;min-width: 1300px" >
    <div class="personal-wrapper" style="height:200px;overflow: hidden;max-width:100%;min-width: 1300px">
        <div class="col-xs-4" style="min-width: 430px;max-width: 500px;">
            <div class="head-img" style="margin-top:18px;margin-left: 15px;"><img id="head_img" src="img/head-img-sample.png" width="165px;" height="180px;"/> </div>
            <div class="personal-info">
                <div class="personal-info-item-display">
                    <span>编号：</span>
                    <span id="serial"></span>
                </div>
                <div class="personal-info-item-display">
                    <span>姓名：</span>
                    <span id="name"></span>
                </div>
                <div class="personal-info-item-display">
                    <span>年龄：</span>
                    <span id="age"></span>
                </div>
                <div class="personal-info-item-display">
                    <span>籍贯：</span>
                    <span id="birth_place"></span>
                </div>
                <div class="personal-info-item-display">
                    <span>手机：</span>
                    <span id="phone"></span>
                </div>
            </div>
        </div>

        <div class="col-xs-4" style="height:100%; min-width: 230px;">
            <div class="personal-video-item"><span>自我介绍视频</span></div>
            <div class="personal-video-item"><!-- <span style="font-size:10px;">(.mp4\.avi格式，不大于5M，不短于1min)</span> --></div>
            <div class="personal-video-item"><video id="intro_video" class="intro-video" src="" controls="controls" style="width:300px; height:100px;border:1px solid #aaaaaa;"></video></div>
        </div>

        <div class="col-xs-4" style="height:100%; min-width:300px; cursor: pointer" ng-click="onJudgeClick()">

            <div class="user-judge" style="height:100%; width:80px;float:left;">
                <div style="height:25%;margin-top:15px;"><span>用户评价：</span></div>
                <div style="height:42%"><span style="font-size: 24px;">4.6分</span></div>
                <div style="height:28%"><a href="#">评价内容</a></div>
            </div>

            <div class="user-rating" style="height:100%; width:160px;float:left;">
                <div class="star-rating">
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                    <div class="star-number">
                        <i class="icon-star icon-padding" aria-hidden="true"></i>
                    </div>
                </div>
            </div>

            <div class="rating-number" style="height:100%; float:left;">
                <div class="star-user-number"><span id="five_stars"></span></div>
                <div class="star-user-number"><span id="four_stars"></span></div>
                <div class="star-user-number"><span id="three_stars"></span></div>
                <div class="star-user-number"><span id="two_stars"></span></div>
                <div class="star-user-number"><span id="one_star"></span></div>
            </div>

        </div>
    </div>
</div>

<div class="row" style="width:100%;">
    <div class="other-personal-info-wrapper">
        <div class="certification-line">
            <span>紧急联系人：</span><span style="margin-right:10px;" id="emergency"></span>
            <span>关系：</span><span style="margin-right:10px;" id="relation"></span>
            <span>联系方式：</span><span style="margin-right:10px;" id="contact"></span>
        </div>

        <div class="certification-line">
            <span>婚姻状况： </span>
            <span style="margin-left:10px;" id="hyzk"></span>
        </div>

        <div class="certification-line">
            <span>生育状况： </span>
            <span style="margin-left:10px;" id="syzk"></span>
        </div>

        <div class="certification-line">
            <span>学历状况： </span>
            <span style="margin-left:10px;" id="xlzk"></span>
        </div>

        <div class="certification-line" id="yynl_div">
            <span>语言能力： </span>

        </div>
    </div>

</div>

<div class="row" style="width:100%;" id="big_div">
    <div class="certification-wrapper" style="margin-left:30px;">

        <div class="certification-header">
            <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">证件资料</p>
        </div>

        <div class="certification-item">
            <div class="certification-line">
                <span>月嫂评级：{{mLevel}}</span>
            </div>
        </div>

        <div class="certification-item">
            <div class="certification-line">
                <span>身份证号码：</span><span style="margin-left:10px;" id="id_num"></span>
            </div>
            <div class="certification-line">
                <a href="#" rel="lightbox"><img id="id_front_img" src="img/upload-img.png"/></a>

                <a href="#" rel="lightbox" style="margin-left:20px;"><img id="id_back_img" src="img/upload-img.png"/></a>
            </div>
        </div>

        <div class="certification-item">
            <div class="certification-line">
                <span>健康证：有效期 </span><span style="margin-left:10px;" id="health_start"></span><span> - </span><span id="health_end"></span>
            </div>
            <div class="certification-line">
                <a href="#"><img id="health_img" src="img/upload-img.png"/></a>
            </div>
        </div>

        <div class="certification-line">
            <span>技能证书：</span>
        </div>

        <div class="certification-item">

            <!-- 带职业等级-->
            <div class="certification-line">

                <div class="certification-img" id="yyy">
                    <div class="certification-name"><span>育婴员资格证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img  id="yyy_img" src="">
                    </div>
                    <div class="certification-rank-div"><span class="certification-title">职业等级：</span><span class="certification-rank" id="yyy_level"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="yyy_serial"></span></div>
                </div>

                <div class="certification-img" id="jzfwy">
                    <div class="certification-name"><span>家政服务员资格证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="jzfwy_img" src="">
                    </div>
                    <div class="certification-rank-div"><span class="certification-title">职业等级：</span><span class="certification-rank" id="jzfwy_level"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial"id="jzfwy_serial"></span></div>
                </div>

                <div class="certification-img" id="yypcy">
                    <div class="certification-name"><span>营养配餐员资格证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="yypcy_img" src="">
                    </div>
                    <div class="certification-rank-div"><span class="certification-title">职业等级：</span><span class="certification-rank" id="yypcy_level"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="yypcy_serial"></span></div>
                </div>

                <div class="certification-img" id="byy">
                    <div class="certification-name"><span>保育员资格证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="byy_img" src="">
                    </div>
                    <div class="certification-rank-div"><span class="certification-title">职业等级：</span><span class="certification-rank" id="byy_level"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="byy_serial"></span></div>
                </div>

            <!-- 不带职业等级-->
                <div class="certification-img" id="myhls">
                    <div class="certification-name"><span>母婴护理师</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="myhls_img" src="">
                    </div>
                    <div class="certification-rank-div" style="visibility: hidden;"><span class="certification-title">职业等级：</span><span class="certification-rank"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="myhls_serial"></span></div>
                </div>

                <div class="certification-img" id="yys">
                    <div class="certification-name"><span>营养师证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="yys_img" src="">
                    </div>
                    <div class="certification-rank-div" style="visibility: hidden;"><span class="certification-title">职业等级：</span><span class="certification-rank"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="yys_serial"></span></div>
                </div>

                <div class="certification-img" id="hsbyz">
                    <div class="certification-name"><span>护士毕业证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="hsbyz_img" src="">
                    </div>
                    <div class="certification-rank-div" style="visibility: hidden;"><span class="certification-title">职业等级：</span><span class="certification-rank"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="hsbyz_serial"></span></div>
                </div>

                <div class="certification-img" id="crs">
                    <div class="certification-name"><span>催乳师证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="crs_img" src="">
                    </div>
                    <div class="certification-rank-div" style="visibility: hidden;"><span class="certification-title">职业等级：</span><span class="certification-rank"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="crs_serial"></span></div>
                </div>

                <div class="certification-img" id="myjkzds">
                    <div class="certification-name"><span>母婴健康指导师证</span></div>
                    <div style="width:238px;height:122px;overflow:hidden;">
                        <img id="myjkzds_img" src="">
                    </div>
                    <div class="certification-rank-div" style="visibility: hidden;"><span class="certification-title">职业等级：</span><span class="certification-rank"></span></div>
                    <div class="certification-serial-div"><span class="certification-title">证书编号：</span><span class="certification-serial" id="myjkzds_serial"></span></div>
                </div>

            </div>

        </div>

        <div class="certification-header">
            <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">培训经验</p>
        </div>

        <div class="certification-item">

            <div class="certification-line" id="ywcpx_div">
                <span>已完成培训：</span>

            </div>

            <div class="certification-line" id="ggyy_div">
                <span>跟岗医院： </span>

            </div>
        </div>

        <div class="certification-header">
            <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">护理经验</p>
        </div>

        <div class="certification-item">

            <div class="certification-line">
                <span>最早护理时间：</span><span style="margin-left:10px;" id="hlsj"></span>
            </div>

            <div class="certification-line">
                <span>累计护理时长：</span><span style="margin-left:10px;" id="hlsc"></span>
            </div>

            <div class="certification-line">
                <span>护理家庭数量：</span><span style="margin-left:10px;" id="jtsl"></span>
            </div>

            <div class="certification-line">
                <span>护理双胞胎经验： </span>

                <div class="checkbox-item">
                    <span id="sbtjy"></span>
                </div>

            </div>

            <div class="certification-line" id="hljt_div">
                <span>护理家庭类型： </span>

            </div>

        </div>

        <div class="certification-header">
            <p style="font-size: 24px;font-weight: bold;padding-left: 15px;">图像资料</p>
        </div>

        <div class="certification-item">
            <div class="certification-line" style="margin-bottom:20px;" id="work_photo_div">

            </div>
        </div>

    </div>
</div>

<script src="js/jquery.cookie.js"></script>
<script src="js/matron_info.js"></script>

</body>
</html>